$(function(){ 
	
	$(".sys-item").hide();
	$(".sys-item").eq(0).show();
	$(".menu-sys>ul>li").on("click",function(){//系统列表按钮
		if($(this).hasClass("disabled")){
			return
		}
		var thisIndex=$(this).index();
		$(this).addClass("on").siblings().removeClass("on");
		$(".sys-item").eq(thisIndex).show().siblings().hide()
	})
})


function loadMenu(){
	$(".menu-sys>ul>li:not('.disabled')").on('mouseover',function(){
		$(this).addClass("on").siblings().removeClass("on");
		var $index=$(this).index();
		$(".menu-detail").show();
		$('.menu-detail>.sys-item-wrap>.sys-item').eq($index).show().siblings().hide()
	}).on("mouseout",function(){
		$(".menu-detail").hide()
	});
	$('.menu-detail').on("mouseenter",function(){
		$(this).show()
	}).on("mouseleave",function(){
		$(this).hide()
	});

	
	$(".menu-list>ul>li>a").on("click",function() {// 点击菜单切换显示二级菜单
				// $(this).parent().addClass("on").siblings().removeClass("on");
				$(this).parent().find("ul").slideToggle("500").closest("li").siblings("li").children("ul").slideUp("500"); 
        var _icon=$(this).find("span");
        //changeIcon(_icon);
			}).parent().siblings().find("ul").slideUp("500");

    $(".menu-list>ul>li ul li a").on("click",function(){
    	$(this).parent().parent().parent().parent().find("ul li").removeClass("on");
    	$(this).parent().addClass("on");
    });
    
     //点击二级菜单在住内容显示区添加对应功能模块
      $('.menu-list li ul li a').on('click',function(){
          var Keywords=$(this).attr('data-options');
          var KeywordArry=[];
          KeywordArry=Keywords.split(",");
          //检查标签栏是否有正在被点击的子菜单项，有则直接显示已存在的标签项，没有则执行添加方法
          checkMyTab(KeywordArry);
      })

}
//检查标签栏
function checkMyTab(e){
  var keyword=e[0];
  var judge=false;

 $('.clip-list div a').each(function(){
    if($(this).text()==keyword){//有当前点击关键字标签
      //如果有该关键字则直接显示该页面
      $(this).parent().addClass('active').siblings().removeClass('active');
      judge = true;
      return false;
    }else{//无当前点击关键字标签
      judge = false;
    }
    
 });

 if(!judge){//检查后并没有找到匹配关键词~
  var addLi='<div role="presentation" class="clip active"><a href="'+e[1]+'" target="myIframe">'+e[0]+'<span class="remove"></span></a></div>';
  addNavTabLi(addLi);//添加新的tab标签
	};
}


//添加navli
function addNavTabLi(e){

  $('.clip-list').append(e).find('div').last().addClass('active').siblings().removeClass('active');
  $('.remove').on('click',function(){
    var removeIndex=$(this).parent().parent().index()
    if(removeIndex==-1){
        return false
      }else{
        removeNavli(removeIndex);
      }
  })
  $(".clip-list div").on("click",function(){
  	$(this).addClass("active").siblings().removeClass("active");
  })
}

//移除navLI
function removeNavli(e){
    $('.clip-list div').eq(e).remove();
    $('.clip-list div:last-child').addClass('active');
}